<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>组件-prop</title>
</head>
<body>
    <div id="example-1">
        <child my-msg="hello vue.js"></child>
    </div>
<script src="../lib/vue.js"></script>
<script>
    Vue.component('child',{
        //声明props
        props : ['myMsg'],
        //prop可以在模板内
        //可以用“this.msg”设置
        //HTML特性不区分大小写，在js中写成驼峰形式，在html中必须以my-msg形式使用
        template : '<span>{{myMsg}}</span>'
    })
    var exampleVm = new Vue({
        el : "#example-1"
    })

</script>
</body>
</html>